<template>
  <div id="compareList"> 


        <el-table :data="datalist" style="width: 100%" :height="dtheight" :header-cell-style="{background:'#4F81BC',color:'white'}"
           :row-class-name="tableRowClassName"  :border="true">
            
                <el-table-column label="用户账号"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.telphone }}</span>
                    </template>
                </el-table-column>
                 <el-table-column label="姓名"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.nickname }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="新用户"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.new_person }}</span>
                    </template>
                </el-table-column>
                 <el-table-column label="新增用户"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.new_add_person }}</span>
                    </template>
                </el-table-column>

                 <el-table-column label="微信收款码"  align='center' width="100px" >                   
                    <template slot-scope="scope"> 
                                   
                        <el-image v-if="scope.row.srcListwx"
                            style="width: 30px; height: 30px"
                            :src="urlimg + scope.row.srcListwx" 
                            :preview-src-list="scope.row.srcList1" class="imga">
                        </el-image>
                         <span v-else>暂未上传</span>     
                           
                    </template>
                </el-table-column>
                 <el-table-column label="支付宝收款码"  align='center' width="150px" >                   
                    <template slot-scope="scope">                   
                           <el-image v-if="scope.row.srcListzfb"
                                style="width: 30px; height: 30px"
                                :src="urlimg + scope.row.srcListzfb" 
                                :preview-src-list="scope.row.srcList2" class="imga">
                             </el-image>
                             <span v-else>暂未上传</span>    
                           
                    </template>
                </el-table-column>

                <el-table-column label="奖金"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.user_new_active_number }}</span>
                    </template>
                </el-table-column>
                
  
        </el-table> 


    

   </div>
</template>

<script>

export default {
   name: 'compareList',
   props:{
      datalist:{  
        //type:Array,
       default:()=>[]
     },
  },
  data () {
    return {
        dtheight:'500',  //窗口高度
    }
  },
   components:{

  },
  created(){
     this.dtheight = window.innerHeight - 303
  },
  mounted (){
    
  },
  methods: { 

  }
}
</script>


<style scoped>
.imga>>>.el-icon-circle-close {
      color: white;
    }
.el-radio__input.is-checked>>>.el-radio__inner{
    border-color: red;
    background: red;
}
</style>